<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no">
		<meta name="format-detection" content="telephone=no, email=no">
		<meta name="x5-orientation" content="landscape">
		<meta name="x5-fullscreen" content="true">
		<meta name="x5-page-mode" content="default">
		<meta name="screen-orientation" content="landscape">
		<meta name="full-screen" content="yes">
		<meta name="browsermode" content="application">
		<meta name="layoutmode" content="fitscreen">
		<meta name="nightmode" content="disable">
		<meta name="imagemode" content="force">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="APP name">


	</head>
	<body>
		<div id="home-body">

			<table class="home-table">
				<tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr><tr>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
					<td class="home-this home-page"></td>
				</tr>
				
			</table>

			<div class="home-this home-title">
				KongHa Yao
			</div>
			<div class="home-blog home-this ">
					<div style="float: right;">
						KongHa Yao 的博客
					</div>
					<div >
						<h6 style="
    margin-bottom: 10px;
">传送门</h6>
						<ul>
							<li><a href='./index.html#https://gitee.com/api/v5/repos/dongzhongzhidong/markdown_notebook/contents/Allmarkdown/AllMDFiles/js/JSpider.md'>JSpider: 用浏览器做爬虫！</a></li>
							<li><a href='./index.html#https://gitee.com/api/v5/repos/dongzhongzhidong/markdown_notebook/contents/Allmarkdown/AllMDFiles/js/fetch详解.md'>fetch 详解！</a></li>
						</ul>
						
						
					</div>
			</div>
			<style class='home-this home-style' type="text/css" style="display: block;" contenteditable="true">
			.home-this {
				line-height: 1.5;
				font-size: 15px;
				font-weight: 400;
				color: white;
				width: 300px;
				height: 140px;
				background: #1d1e22;
				box-shadow: 0 4px 30px rgba(0, 0, 0, .5);
				border-radius: 6px;


			}
			</style>
		</div>
		<style type="text/css">
			.home-table td:nth-child(2n) {
				transform: rotateY(var(--xAngle)) rotateX(var(--yAngle)) translateZ(calc(var(--depth) / -2));

			}
			.home-blog{
				color: #fafafa;
				font-size: xxx-large;
				white-space: inherit!important;
				background: #ffffff00;
				line-height: 133px;
				top: 40%;
				left: 10%;
				width: 80%;
				height: 100%;
				padding: 20px!important;
				position: absolute!important;
				box-shadow: 5px 6px 30px 20px rgb(0 0 0 / 50%);
			}
			.home-blog div{
			}
			body {
				--depth: -4.5em;
				--xAngle: -30deg;
				--yAngle: 45deg;
				margin: 0;
				padding: 0;
				white-space: nowrap;
				overflow: hidden;
				text-shadow: -3px -3px 9px #313131, 7px 6px 9px #000000;
			}
			li {
			    line-height: normal;
			    list-style: none;
			    
			}
			
			ul {
			    font-size: 39px;
			    margin: 0;
			}
			a{
			    color: #89c8ff;
			}
			.home-title{
				color: #fafafa;
				font-size: xxx-large;
				white-space: inherit!important;
				background: #ffffff00;
				text-indent: 0.5em;
				line-height: 133px;
				top: 30%;
				left: 20%;
				position: absolute!important;
				box-shadow: 5px 6px 30px 20px rgb(0 0 0 / 50%);
			}
			
			::-webkit-scrollbar {
				/*滚动条整体样式*/
				width: 0px;
				/*高宽分别对应横竖滚动条的尺寸*/
				height: 0px;
				scrollbar-arrow-color: red;
			}

			.home-page:before {
				content: '';
				font-family: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				position: absolute;
				transform-style: preserve-3d;

				text-align: left;
				transition: transform 0.25s linear;
				white-space: pre-wrap;
				outline: none;
				position: absolute !important;
				box-shadow: 0 4px 30px rgba(0, 0, 0, .5);

				top: -10%;
				left: -10%;
				height: 100px;
				width: 100px;
				display: block;
				line-height: 1.5;
				font-size: 15px;
				font-weight: 400;
				color: white;
				width: 300px;
				height: 140px;
				background: #1d1e22;
				box-shadow: 0 4px 30px rgba(0, 0, 0, .5);
				border-radius: 6px;
			}

			.home-this {
				font-family: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				position: relative;
				transform-style: preserve-3d;

				text-align: left;
				transition: transform 0.25s linear;
				white-space: pre-wrap;
				outline: none;
			}

			.home-this:hover,
			.home-this:focus {
				transform-style: preserve-3d;
				text-align: left;
				transition: transform 0.25s linear;
				transform: none;
				white-space: pre-wrap;
				outline: none;
			}

			.home-style {
				color: #fafafab8;
				text-shadow: -3px -3px 9px #313131, 7px 6px 9px #000000;
				position: absolute;
				top: 10%;
				background: #ffffff00;
				left: 10%;
				overflow: auto;
				box-shadow: 5px 6px 30px 20px rgb(0 0 0 / 50%);
			}

			#home-body {
				height: 100%;
				margin: 0;
				padding: 0;
			}

			#home-block {
				font-family: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;
				line-height: 1.5;
				font-size: 15px;
				font-weight: 400;
				color: white;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				right: 0;
				background: linear-gradient(109.61deg, #4c4f5a 4.26%, #202125 84.84%);
				border-radius: 10px;
				position: absolute;
				left: 5%;
				top: 0;
				width: 90%;
				height: 310px;
				outline: none;
			}
		</style>

	</body>
</html>
